<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>网易云音乐</title>
    <link rel="stylesheet" href="./lib/reset/reset.css">
    <!-- <link rel="stylesheet" href="./css/iconfont.css"> -->
    <link rel="stylesheet" href="./css/conmom.css">
    <link rel="stylesheet" href="./css/client.css">
    <link rel="stylesheet" href="./fonts/01/iconfont.css">
    <link rel="shortcut icon" href="./bitbug_favicon (2).ico" type="image/x-icon">
</head>

<body>
    <!-- 第一排  -->
    <div class="topnav">
        <!-- 版心 -->
        <div class="container">
            <!-- 搜索栏 -->
            <div class="topnav-searchbox ">
                <!-- 左 -->
                <img src="./images/logo.png" alt="" class="topnav-logo">
                <span class="topnav-wyy "><a href="#">网易云音乐</a></span>
                <div class="topnav-nav">
                    <div>
                        <a href="#">发现音乐</a>
                        <div class="topnav-nav-xsj"></div>
                    </div>
                    <div><a href="./my-music.html">我的音乐</a></div>
                    <div><a href="./friend.html">朋友</a></div>
                    <div><a href="./shopping.html">商城</a></div>
                    <div><a href="./musician.html">音乐人</a></div>
                    <div class="topnav-nav-last">
                        <a href="./client.html">下载客户端</a>
                        <div class="topnav-nav-hot">HOT</div>
                    </div>
                </div>

                <!-- 右 -->
                <p><a href="#">登录</a></p>
                <a href="#">
                    <div class="topnav-nav-right">创作者中心</div>
                </a>
                <div class="topnav-nav-input">
                    <i class="iconfont">&#xe6e7</i>
                    <input type="text" placeholder="音乐/视频/电台/用户">
                </div>
            </div>
        </div>
    </div>

    <!-- 第二排 客户端 -->
    <div class="client">
        <div class="container clearfix">
            <!-- 上 -->
            <div class="client-top">
                <img src="./images/xztop.png" alt="">下载全部客户端
            </div>
            <!-- 下 -->
            <div class="client-bottom">
                <!-- 左 -->
                <div class="client-bottom-left">
                    <!-- 电脑下载 -->
                    <h3>在电脑上听</h3>
                    <img src="./images/khd.left109951164207162781.png" alt="">
                    <div class="client-bottom-left-bottoms">
                        <div class="client-bottom-left-bottoms-left">
                            <img src="./images/khd.png" alt=""><span>macOS</span>
                        </div>
                    </div>
                </div>
                <!-- 右 -->
                <div class="client-bottom-right"></div>
            </div>
        </div>
    </div>
</body>

</html>